$(document).ready(function () {
            $.ajax({
                url:'/mgr/view/view',//请求的url。在html中的/，表示从域名后面开始
                type:'post', //请求方式，GET或POST
                data:{ //要提交给服务器的数据
                },
                dataType:'json',//服务器返回数据的类型
                success:function(data){//成功时执行该函数，data就是服务器返回的数据
                    let names = new Array();
                    let nums = new Array();
                    if(data.code==0){
                    console.log("data.data:",data.data);
                        // for(let index in data.data){
                        //     console.log("key:",index)
                        //     console.log("value:",data.data.data[index])
                        //
                        //     name.push(Object.keys(index))
                        //     num.push(Object.values(index))
                        // }
                        for(let item of data.data){

                            for(let it in item){
                                names.push(it)
                                nums.push(item[it])
                            }
                        }
                        console.log("names:",names)
                        console.log("nums:",nums)
                        // view(names,nums)
                        view2(names,nums)

                    }else{
                        //登录失败
                        $("#msg").html(data.msg)//向id是msg的标签，显示文字
                    }
                },
                error:function(xhr,textStatus){//错误时执行该函数
                    console.log('错误')
                    console.log(xhr)
                    console.log(textStatus)
                }
            })
        })
function view(names,nums){
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
    var option = {
        title: {
            text: '总览'
        },
        tooltip: {},
        legend: {
            data: ['类型']
        },
        xAxis: {
            data: names
        },
        yAxis: {},
        series: [
            {
                name: '数量',
                type: 'bar',
                data: nums
                // data: [7,10,3,5]
                // data: ['7','10','3','5']
            }
        ]
    };
// 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
}
function view2(names,nums){
    var chartDom = document.getElementById('main');
    var myChart = echarts.init(chartDom);
    var option;
    option = {
        title: {
            text: '总览'
        },
        xAxis: {
            type: 'category',
            data: names
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name:'数量',
                data: nums,
                type: 'bar',
                showBackground: true,
                backgroundStyle: {
                    color: 'rgba(50, 30, 90, 0.07)'
                }
            }
        ]
    };
    option && myChart.setOption(option);
}
